<html lang='en'>
  <head>
    <title>Meadowlark Travel</title>
    <meta charset='utf-8' />
    <meta
      name='viewport'
      content='width=device-width, initial-scale=1, shrink-to-fit=no'
    />
    <link
      rel='stylesheet'
      href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css'
      integrity='sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO'
      crossorigin='anonymous'
    />
    {{{_sections.head}}}
  </head>
  <body>
    <div class='container'>
      <header>
        <h1>Meadowlark Travel</h1>
        <a href='/'><img src='/img/logo.png' alt='Meadowlark Travel Logo' /></a>
      </header>
      {{#if flash}}
        <div class='alert alert-dismissible alert-{{flash.type}}'>
          <button
            type='button'
            class='close'
            data-dismiss='alert'
            aria-hidden='true'
          >&times;</button>
          <strong>{{flash.intro}}</strong>
          {{{flash.message}}}
        </div>
      {{/if}}
      {{{body}}}
    </div>
    <script
      src='https://code.jquery.com/jquery-3.3.1.slim.min.js'
      integrity='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'
      crossorigin='anonymous'
    ></script>
    <script
      src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js'
      integrity='sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49'
      crossorigin='anonymous'
    ></script>
    <script
      src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js'
      integrity='sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy'
      crossorigin='anonymous'
    ></script>
    {{{_sections.scripts}}}
  </body>
</html>